<template>
  <div class="logo-container">
    <img class="logo-img" v-if="showLogo" :src="url" alt="" />
  </div>
</template>

<script setup lang="ts">
import { ref } from "vue";
import { useStore } from "vuex";

const store = useStore();

// Data from store
const url = ref<string>(store.state.pagesConfig.logoConfig.logUrl);
const showLogo = ref<boolean>(store.state.pagesConfig.logoConfig.showLogo);
</script>

<style scoped lang="less">
.logo-container {
  margin-left: 40px;
  width: 150px;
  .logo-img {
    height: 60px;
    width: 150px;
    background-size: 100%;
    background-repeat: no-repeat;
    cursor: pointer;
  }
}
</style>
